Création d'un système de pré-écoute sur une fiche produit

La création d'un système de préécoute se déroule en deux parties :

• La découpe de vos morceaux de musique
• L'insertion de la musique coupée sur le site

Découper les morceaux de musique

Pour découper vos morceaux, vous allez avoir besoin d'un logiciel particulier, disponible en téléchargement sur notre site d'aide :  Slice.

Enregistrez ce logiciel sur votre ordinateur et double-cliquez dessus pour l'installer.

Au moment de l'installation, sur la page "Licence agreement", cochez "I agree with these terms" et appuyez sur le bouton "Suivant".

Sur la page suivante, décochez tout, et appuyez sur "Terminer".

Le logiciel est installé et s'exécute automatiquement.

Vous allez maintenant pouvoir découper vos morceaux de musique.

Cliquez sur "Add files" (voir capture d'écran ci-dessous).

Cliquez sur "Add files" et recherchez le dossier dans lequel se trouve les morceaux à couper.

Sélectionnez le ou les morceaux en question, et faites "Ouvrir" (voir capture d'écran ci-dessous).

Dans l'encadré "Slice options" :

• Cochez : "Slice into files of duration"
• Indiquez "00:01:00" dans le champs prévu à cet effet.

Dans l'encadré "Output" :

• Cliquez sur "Browse"
• Indiquez le dossier dans lequel les morceaux coupés doivent être enregistrés

Dans l'encadré "Files to slice" :

• Sélectionnez les fichiers concernés

une fois que tout est correctement paramétré cliquez sur "Slice files".

Placer les morceaux de musique coupés sur le serveur

Pour pouvoir utiliser ces extraits de musique sur votre site, vous devez les placer dans votre outil d'administration dans la partie [Outils] -> [Publication de fichiers].

Mise en place des extraits de musique

Vérification de la présence du lecteur MP3 sur votre boutique

Dans un premier temps, vérifiez que vous disposez bien pour votre boutique de notre lecteur MP3.

Dans votre outil d'administration dans la partie [Outils] -> [Publication de fichiers], vérifiez que le fichier player_mp3.swf est bien présent.

Si ce n'est pas le cas, téléchargez ce player MP3 et placez le dans [Publication de fichiers].

Attention ! Le fichier que vous téléchargez est un fichier .zip (compressé). Il faut décompresser ce fichier pour obtenir le fichier .swf

Insérer un extrait de musique dans votre fiche produit 

Allez maintenant dans votre fiche produit et appuyez sur le volet "Texte".

Une fois dans l'éditeur de texte, cliquez sur l'icône source HTML ( ).

Vous allez accédez au code HTML de votre fiche produit. Ne touchez surtout pas au code déjà mis en place.

A la suite de ce dernier, copiez/collez le code qui suit :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" height="20" width="200">

            <param name="width" value="200"></param>
            <param name="height" value="20"> </param>
            <param name="flashvars" value="mp3=http://www.monsite.com/media/nom-du-fichier.mp3&amp;autoplay=1&amp;loop=1&amp;showstop=1&amp;buttonovercolor=ededed&amp;loadingcolor=ededed&amp;sliderovercolor=ededed"></param>
            <param name="quality" value="high"></param>
            <param name="wmode" value="transparent"></param>
            <param name="src" value="http://www.monsite.com/media/player_mp3.swf"></param>

            <embed src="http://www.domaine.com/media/player_mp3.swf" quality="high" type="application/x-shockwave-flash" width="200" height="20" wmode="transparent" type="application/x-shockwave-flash" flashvars="mp3=http://www.monsite.com/media/nom-du-fichier.mp3&amp;autoplay=1&amp;loop=1&amp;showstop=1&amp;buttonovercolor=ededed&amp;loadingcolor=ededed&amp;sliderovercolor=ededed"></embed>

</object>

Le code que nous avons mis en rouge est à modifier selon vos propres paramètres : l'URL de votre site et le nom de votre fichier.

Pensez à sauvegarder ce que vous venez de faire en appuyant sur le bouton "Enregistrer".

Votre extrait de musique doit désormais apparaître sur votre fiche de produit.